import React from 'react';
import SiteName from '../siteName';

const waitStationImg = require('shared/static/Station1.png');
const metroDefaultImg = require('shared/static/metro1.png');
const metroStopImg = require('shared/static/metro2.png');

export default class SiteItem extends React.PureComponent {
  state = {

  }

  handleRedirect = () => {
    window.g_history.push('/station-detail/2');
  }

  render() {
    return (
      <div className="site-item">
        <div className="subway-status-move">
          <img src={metroDefaultImg} alt="" onClick={this.handleRedirect} />
        </div>
        <div className="subway-status-stop">
          <img src={metroStopImg} alt="" />
        </div>
        <div className="site-item-tail" />
        <div className="site-item-icon">
          <img src={waitStationImg} alt="" />
        </div>
        <SiteName />
      </div>
    );
  }
}
